<template>
  <div class="page-content">
    <div class="title">PC端装修</div>
    <el-tabs v-model="activeName" class="tabs">
      <el-tab-pane label="页面装修" :name="1">
        <page-pc-decoration v-if="activeName === 1"></page-pc-decoration>
      </el-tab-pane>
    </el-tabs>

    <template-choose-dialog
      :show-template-dialog-visible="showTemplateDialogVisible"
      :page-value="pageValue"
      @close="showTemplateDialogVisible = false"
    />
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  import PagePcDecoration from '@/views/decoration/components/PagePcDecoration.vue'
  import templateChooseDialog from './components/templateChooseDialog.vue'

  const activeName = ref(1)
  const showTemplateDialogVisible = ref(false)
  const pageValue = ref(0)
</script>

<style scoped lang="scss">
  .page-content {
    .title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px;
    }
  }
</style>
